@charset "utf-8";
/*----------------------------------------
Name: index.css
Date Created:2020/09/21 [coraline]
Last Updated:2020/09/21 [coraline]
----------------------------------------*/
#wrapper {
	width: 100%;
	overflow: hidden;
	font-family: "Microsoft YaHei";
}
.login-cont {
	position: absolute;
	width: 350px;
	min-height: 340px;
	margin: 0 auto;
	z-index: 1;
}
.login-cont .bg {
	position: absolute;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}
.login-hd {
	margin: 15px 0 0 20px;
	color: #333;
	font-size: 18px;
	font-weight: bolder;
}
.login-bd {
	padding-top: 25px;
}
.login-mod, .res-chk, .res-chked, .btn-orange, .login-mod .int-box em.ico-u, .login-mod .int-box em.ico-psw, .other-login a {
	background-image: url("../images/common/icon_top_02.png");
	background-repeat: no-repeat;
}
.login-mod {
	position: absolute;
	top: 80px;
	width: 350px;
	min-height: 340px;
	background-position: 0 0;
	z-index: 10;
}
.login-mod h3.ttlm {
	position: relative;
	padding: 0 0 15px 25px;
	color: #333;
	font-size: 18px;
	z-index: 1;
}
.login-mod h3.ttlm span {
	display: inline-block;
	line-height: 58px;
	border-top: 3px solid #f9602e;
}
.login-mod h3.ttlm em {
	display: block;
	position: absolute;
	right: 35px;
	top: 15px;
	width: 93px;
	height: 33px;
	overflow: hidden;
	text-indent: -9999px;
}
.login-mod .int-box {
	position: relative;
	width: 280px;
	height: 50px;
	margin: 0 auto;
	border: 1px solid #DDD;
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0; /* Old Firefox */
	background-color: #FFF;
	z-index: 1;
}
.login-mod .int-box.b-line {
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-top: none; /* Old Firefox */
}
.login-mod .int-box em.ico-u, .login-mod .int-box em.ico-psw {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin-left: 15px;
	margin-top: 15px;
	background-position: -286px -435px;
}
.login-mod .int-box em.ico-psw {
	background-position: -313px -435px;
}
.int-box input {
	float: right;
	width: 200px;
	height: 24px;
	padding-left: 12px;
	margin-right: 20px;
	margin-top: 12px;
	border: none;
	border-left: 1px solid #DDD;
	outline: none;
	line-height: 24px;
	background: #FFF;
}
.int-box label {
	position: absolute;
	left: 60px;
	top: 16px;
	color: #999;
	z-index: 0
}
.checkbox-hide {
	float: left;
	height: 20px;
	line-height: 20px;
}
/* 登陆后  */
.login-mod .user-info {
	position: relative;
	width: 300px;
	height: 100px;
	margin: 0 auto;
	border-bottom: 1px dashed #ccc;
	z-index: 1;
}
.login-mod .user-info h3 {
	font-size: 16px;
	color: #333;
}
.login-mod .user-des {
	padding-top: 25px;
	margin-left: 80px;
}
.login-mod .user-des span {
	display: block;
	margin-top: 12px;
}
.login-mod .user-des a {
	margin-right: 8px;
	color: #ff6f6f
}
.login-mod .user-des a:hover {
	color: #F36
}
.login-mod .user-des em {
	font-size: 16px;
	color: #ff7b10;
}
.login-mod .img_hd {
	position: absolute;
	left: 0;
	top: 25px;
	width: 61px;
	height: 61px;
}
.login-mod .btn_exit {
	position: absolute;
	right: 10px;
	top: 20px;
}
.login-mod .btn_mark {
	display: block;
	position: absolute;
	right: 20px;
	top: 40px;
	width: 79px;
	height: 44px;
	overflow: hidden;
	background-position: -181px 0;
	text-indent: -9999px;
}
.login-mod .task-mode {
	width: 280px;
	margin: 0 auto 0;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 14px;
}
.login-mod .task-mode h3 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bolder;
}
.login-mod .task-mode a.more {
	display: block;
	float: right;
	width: 44px;
	height: 15px;
	right: 0;
	overflow: hidden;
	background-position: -260px 0;
	text-indent: -9999px;
}
.login-mod .list_task li {
	height: 24px;
	line-height: 24px;
}
.login-mod .list_task .ttl {
	display: inline-block;
	width: 130px;
}
.login-mod .list_task em {
	display: inline-block;
	width: 100px;
	color: #ff7b10;
}
.login-mod .list_task .type {
	display: inline-block;
	text-align: right;
}
.login-mod .list_task .type a {
	color: #ff0000;
}
.login-mod .b-btns {
	padding: 15px 0 0 20px;
}
.login-mod .b-btns .btn-cjzx {
	margin-left: 20px;
}
.login-mod .btn_box {
	position: absolute;
	display: block;
	width: 95px;
	height: 33px;
	overflow: hidden;
	right: 0;
	top: 50px;
	background: url("../images/main/icon_box.png");
	text-indent: -9999px;
}
.login-mod .list_games li {
	clear: both;
	display: block;
	height: 28px;
	overflow: hidden;
}
.login-mod .list_games li a {
	color: #2186ce;
	cursor: pointer;
	display: block;
	line-height: 28px;
	overflow: hidden;
	text-decoration: none;
}
.login-mod .list_games li a:hover {
	color: #ec185b
}
.login-mod .list_games li span {
	float: right;
	margin: 0 8px;
}
.login-mod .list_games li img {
	display: block;
	float: left;
	height: 16px;
	margin: 6px 8px 6px 6px;
	overflow: hidden;
	vertical-align: middle;
	width: 16px;
}
/* cheakbox reset */
.res-chk {
	display: block;
	width: 14px;
	height: 14px;
	background-position: -294px -409px;
}
.res-chked {
	display: block;
	width: 14px;
	height: 14px;
	background-position: -314px -409px;
}
.auto-login {
	height: 35px;
	padding: 25px 30px 0 35px;
}
.auto-login .res_chk {
	width: 14px;
	margin-right: 5px;
}
.fl {
	float: left;
}
.auto-login .link {
	float: right;
}
.auto-login .link .link_reg {
	color: #ec185b;
}
.auto-login .tip-l {
	margin-left: 5px;
	color: #999;
}
.login-mod .btns {
	clear: both;
	padding-left: 35px;
	padding-bottom: 15px;
}
.btn-orange {
	display: block;
	width: 280px;
	height: 41px;
	margin-bottom: 12px;
	background-position: 0 -394px;
	color: #FFF;
	font-size: 18px;
	line-height: 41px;
	text-align: center;
	z-index: 1;
}
.other-login span {
	display: inline-block;
	padding-left: 35px;
	vertical-align: top;
}
.other-login a.qq-log, .other-login a.wechat-log {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-top: -5px;
	margin-right: 8px;
	overflow: hidden;
	background-position: -41px -490px;
	text-indent: -9999px;
}
.other-login a.wechat-log {
	background-position: -3px -490px;
}
/*-------cont-kv-------*/
/*background */
.cont-kv {
	height: 500px;
}
.cont-kv .inner-mod {
	position: relative;
	z-index: 2;
}
#kv-box {
	width: 1920px;
	height: 717px;
	margin: 0 auto;
	overflow: hidden;
	left: 50%;
	margin-left: -960px;
	z-index: 1
}
.clickable {
	position: relative;
	z-index: 1;
	top: -170px;
}
.cont-kv .item a {
	display: block;
	width: 1920px;
	z-index: 1
}
/* position */
h3.ttl {
	background: url(../images/main/ttl.jpg) no-repeat 0 0;
}
h3.ttl {
	position: relative;
	height: 17px;
	padding-left: 18px;
	padding-bottom: 8px;
	color: #333;
	font-size: 20px;
	font-weight: bolder;
	line-height: 22px;
*line-height:24px;
	z-index: 1;
}
h3.ttl span {
	margin-left: 10px;
	color: #999;
	font-size: 14px;
}
#contents .cont-main {
	position: relative;
	width: 1240px;
	margin: 0 auto 0;
	padding: 28px 25px;/*background-color:#FFF;; z-index:1; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);*/
	z-index: 1;
}
#contents .cont-main .bg-shadow {
	position: absolute;
	width: 1360px;
	height: 182px;
	top: 0;
	left: 50%;
	margin-left: -680px;
	z-index: -1;
	background: url(../images/main/bg_content2.png) no-repeat center top;
}
#left-columns {
	float: left;
	width: 297px;
	height: 478px;
	overflow: hidden;
	padding-bottom: 32px;
}
#main-columns {
	float: right;
	width: 920px;
	overflow: hidden;
}
.recommend-games a.more, .hot-games a.more, .activity a.more {
	display: none !important;
}
h3.ttl a.more, .news span, .mflsc span, .list-recom .des .arow, .list-hot .g-bar em, .page-num span, .page-num a {
	background: url(../images/main/index.png) no-repeat;
}
h3.ttl .more {
	position: absolute;
	display: block;
	width: 40px;
	height: 13px;
	overflow: hidden;
	right: 0;
	top: 0;
*top:5px;
	background-position: 0 0;
	font-size: 14px;
	line-height: 9998px;
	text-indent: -9999px;
}
/*开服表*/

.kfb .pan {
	margin: 24px 0 0;
	min-height: 431px;
}
.kfb .hd a {
	display: inline-block;
	float: left;
	width: 147px;
	height: 32px;
	margin-right: -1px;
	border: 1px solid #DDD;
	border-bottom: none;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: #999;
}
.kfb .hd a.fouce {
	border: 1px solid #DDD;
	border-bottom: none;
	border-top: 1px solid #FF7B10;
	background-color: #FFF;
	color: #ff7b10;
}
.kfb .bd {
	/*	padding-top: 15px;*/
	padding-bottom: 15px;
}
.kfb li {
	position: relative;
	height: 56px;
	border-bottom: 1px dashed #DDD;
}
.kfb li h3 {
	display: inline-block;
	padding-left: 38px;
	padding-top: 19px;
	font-size: 15px;
	width: 90px;
	overflow: hidden;
}
.kfb li p {
	display: inline;
}
.kfb li a.btn {
	display: none;
}
.kfb li.on h3 {
	display: block;
	padding-left: 0;
	padding-top: 0;
	width:100%;
}
.kfb li.on {
	height: 100px;
	padding-top: 10px;
	padding-left: 135px;
}
.kfb li em {
	display: block;
	position: absolute;
	width: 22px;
	height: 22px;
	left: 0;
	top: 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: #cbcbcb;
	color: #FFF;
	text-align: center;
	line-height: 22px;
}
.kfb li .c-num {
	display: inline-block;
	width: 55px;
	padding-left: 15px;
	padding-right: 10px;
	color: #999;
}
.kfb li.on .c-num {
	width: auto;
}
.kfb li .time {
	color: #999;
	text-align: right;
}
.kfb li.on em {
	top: 10px;
	background-color: #aec5ff;
}
.kfb li .pic {
	display: none;
}
.kfb li img {
	border-radius: 8px;
	width: 72px;
	height:72px;
}
.kfb li.on .pic {
	display: block;
	position: absolute;
	left: 30px;
	top: 10px;
}
.kfb li.on h3 {
	margin-bottom: 10px;
	font-size: 18px;
}
.kfb li.on .c-num {
	display: inline-block;
	padding: 0 5px;
	margin-right: 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #3d7eff;
	color: #3d7eff;
}
.kfb li.on .time {
	color: #999;
}
.kfb li.on a.btn {
	display: block;
	width: 90px;
	height: 28px;
	margin-top: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #FF7B10;
	color: #FFF;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
}
.kfb li.on a.btn:hover {
	background-color: #ffa210
}
/*推荐游戏*/
.recommend-games {
	width: 920px;
	position: relative;
	z-index: 2;
}
.recommend-games ul {
	width: 1000px;
}
.recommend-games h3.ttl {
	margin-bottom: 24px;
}
.list-recom li {
	position: relative;
	float: left;
	width: 296px;
	height: 430px;
	margin: 0 16px 22px 0;
	overflow: hidden;
	border-radius: 8px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 8px;  /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 8px; /* Webkit浏览器的私有属性 */
}
.list-recom li:hover {
/*
	border: 1px solid #f4b0b0;
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
*/
}
.list-recom .pic {
	position: relative;
	width: 296px;
	height: 345px;
	overflow: hidden;
	border-radius: 8px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 8px;  /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 8px; /* Webkit浏览器的私有属性 */
	z-index: 2;
}
.list-recom .des {
	width: 294px;
	height: 93px;
	margin-top: -10px;
	border: 1px solid #CCC;
	border-radius: 8px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
	-moz-border-radius: 8px;  /* Mozilla浏览器的私有属性 */
	-webkit-border-radius: 8px; /* Webkit浏览器的私有属性 */
}
.list-recom .des h3.g-name {
	float: left;
	padding-top: 25px;
	padding-left: 15px;
	font-size: 18px;
	font-weight: bolder;
	line-height: 22px;
}
.list-recom .des h3.g-name a {
	color: #333;
}
.list-recom .des .tags {
	width: 190px;
	padding-top: 28px;
	overflow: hidden;
	text-align: right;
}
.list-recom .des .tags span {
	display: inline-block;
	padding: 2px 5px;
	margin-left: 4px;
	background-color: #eff4ff;
	color: #3d7eff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.list-recom .link-enter {
	float: right;
	display: block;
	width: 70px;
	height: 28px;
	margin-top: 5px;
	margin-right: 22px;
	padding-right: 10px;
	background: url(../images/main/arrow.png) no-repeat right 8px;
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
.list-recom li.on .pan {
	display: block;
	position: absolute;
	width: 100%;
	height: 115px;
	padding-top: 315px;
	bottom: 0;
	background: url(../images/main/bg_re.png) no-repeat center bottom;
	z-index: 10;
	color: #FFF;
}
.list-recom li.on .pan .entry {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 300px;
	height: 300px;
	top: 0;
	left: 0;
	z-index: 3;
	text-indent: -9999px;
}
.list-recom li.on .pan h3 {
	padding-left: 15px;
	font-size: 18px;
	font-weight: bolder;
}
.list-recom li.on .pan .tags {
	margin-left: 15px;
	margin-top: 10px;
}
.list-recom li.on .pan .tags span {
	margin-right: 8px;
}
.list-recom li.on .pan .btn-start {
	display: block;
	float: right;
	width: 88px;
	height: 36px;
	margin-right: 15px;
	margin-top: -40px;
	overflow: hidden;
	background: url(../images/main/btn_start.jpg) no-repeat 0 0;
	text-indent: -99999px;
}
.list-recom li.on .pan .btn-01 {
	display: inline-block;
	margin-top: 30px;
	width: 140px;
	height: 30px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
}
.list-recom li.on .pan .btn-01:hover {
	font-weight: bolder;
}
/*热门游戏*/
.list-hot{
	margin-top: 22px;
	width: 110%;
	padding-bottom: 8px;
}
.list-hot li{
	position: relative;
	float: left;
	width: 296px;
	height: 285px;
	margin-right: 18px;
	margin-bottom: 18px;
	overflow: hidden;
	border-radius: 8px; 
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	background-color: #F6F6F6;
	z-index: 1;
}
.list-hot li:hover .bg img{transform: scale(1.04)}
.list-hot li .bg{
	position: absolute;
	cursor: pointer;
	width: 296px;
	height: 188px;
	top: 0;
	left: 0;
	overflow: hidden;
	border-radius: 8px; 
	-moz-border-radius: 8px;  
	-webkit-border-radius: 8px;
	z-index:-1;
}
.list-hot li .bg img{
	
	transition:all .5s ease-in-out;
}
.list-hot .logo{
	position: absolute;
	cursor: pointer;
	width: 90px;
	height: 90px;
	left: 15px;
	top: 140px;
	overflow: hidden;
	border-radius: 20px; 
	-moz-border-radius:20px;  
	-webkit-border-radius:20px;
}
.list-hot h3{
	margin: 200px 0 0 120px; 
	font-size: 18px;
	font-weight: bolder;
}
.list-hot .tags{
	margin: -20px 0 0 210px;
}
.list-hot .tags span{
	display: inline-block;
	
	padding: 3px 6px;
	margin-left: 4px;
	background-color: #e8efff;
	color: #3d7eff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.list-hot .links{
	margin: 23px 0 0 20px;
	font-size: 14px;
	color: #666;
}
.list-hot .links a{
	margin: 0 5px;
}
.list-hot .links a:hover,.list-hot .btn-game:hover{
	text-decoration: underline;
}

.list-hot .btn-game{
	
	float: right;
	display: block;
	width: 70px;
	height: 28px;
	margin-top: -22px;
	margin-right: 22px;
	padding-right: 10px;
	background: url(../images/main/arrow.png) no-repeat right 8px;
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
}
/*更多游戏*/
.list-more{
	padding: 22px 0;
	width: 110%;
}
.list-more li{
	float: left;
	width: 110px;
	margin-right: 31px;
	margin-bottom: 24px;
}
.list-more li:hover a.pic{
	transform: scale(1.04)}
.list-more a.pic{
	display: block;
	width: 110px;
	height: 110px;
	overflow: hidden;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	transition:all .3s ease-in-out;
}
.list-more a.g-name
{
	display: block;
	width: 110px;
	margin-top: 12px;
	font-size: 16px;
	text-align: center;
}
/*H5手游*/
.rank-h,.rank-hot{
	float: left;
	width: 358px;
	height: 700px;
	padding: 20px;
	margin-right: 24px;
	background-color: #F3F3F3;
}
.rank-h .list-h5,.rank-hot .list-rankhot	{
	margin-top: 20px;
}
.rank-h .list-h5 li,.rank-hot .list-rankhot li{
	position: relative;
	height: 90px;
	padding-left: 108px;
	margin-bottom: 22px;
	z-index: 1;
}
.rank-hot .list-rankhot li{
	padding-left: 130px;
}
.rank-h .list-h5 li:hover,.rank-hot .list-rankhot li:hover{
	transform: scale(1.04)
}
.rank-h .list-h5 li .pic,.rank-hot .list-rankhot li .pic{
	position: absolute;
	width: 90px;
	height: 90px;
	left: 0;
	overflow: hidden;
		border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.rank-hot .list-rankhot li .pic{
	left:26px;
}
.rank-h .list-h5 li  h3,.rank-hot .list-rankhot li h3{
	padding: 10px 0 14px;
	font-size: 16px;
}
.rank-h .list-h5 li p,.rank-hot .list-rankhot li p{
	color: #666;
	line-height: 20px;
}
.rank-h .list-h5 li .btn-start,.rank-hot .list-rankhot li .btn-start{
	position: absolute;
	display: block;
	width: 75px;
	height: 32px;
	right: 0;
	bottom: 5px;
	background-color: #ffb040;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	line-height: 32px;
}
.rank-h .list-h5 li .btn-start:hover,.rank-hot .list-rankhot li .btn-start:hover{
	
	background-color: #f3973d
}
.rank-hot .list-rankhot li em{
	position: absolute;
	display: block;
	width: 80px;
	height: 35px;
	left: 0;
	top:0;
	padding-top:5px;
	padding-left: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 20px;
/*	font-weight: bolder;*/
	font-family:"Arial";
	color: #FFF;
	z-index: -1;
}
.rank-hot .list-rankhot li.no01 em{
	background-color: #e63949;
}
.rank-hot .list-rankhot li.no02 em{
	background-color: #d439e6;
}
.rank-hot .list-rankhot li.no03 em{
	background-color: #e6af39;
}
.rank-hot .list-rankhot li.h-item{
	height: 44px;
	padding-left: 36px;
	margin: 0;
	margin-bottom:3px;
	
}
.rank-hot .list-rankhot li.h-item em{
	width: 30px;
	height: 30px;
	padding: 0;
	background-color: #c4cad5;
	text-align: center;
	line-height: 30px;
		
}
.rank-hot .list-rankhot li.h-item a{
	font-size: 16px;
	line-height: 30px;
}
.rank-hot .list-rankhot li.h-item a:hover{
	color: #333;
}
.r-pan-s{
	float: right;
	width: 395px;
}
.game-news{
	padding: 20px;
	height: 385px;
	background-color: #f3f3f3;
}
.game-news li{
	position: relative;
	padding-top: 20px;
	z-index: 1;
}
.game-news li a{
	display: block;
	padding-left: 16px;
	background: url(../images/main/dot.png) no-repeat left center;
	font-size: 14px;
	color: #333;
}
.game-news li a:hover{
	text-decoration: underline;
}
.game-news li span{
	position: absolute;
	right: 0;
	bottom: 0;
	color: #999;
}
.kf-info{
	margin-top: 20px;
	padding: 20px;
	height: 255px;
	background-color: #F3F3F3;
	
}
.kf-info .online,.kf-info .wechat
{
	
	position: relative;
	padding-left: 72px;
	height: 98px;
	top: 30px;border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	background: url(../images/main/pic_01.png) no-repeat 8px center #F8F8F8;
	}
.kf-info .wechat{
	margin-top: 2px;
	background: url(../images/main/pic_02.png) no-repeat 8px center #F8F8F8;
}
.kf-info h4{
	padding-top: 32px;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bolder;
	color: #333;
}
.kf-info p{
	color: #999;
	
}
.kf-info a.btn{
	position: absolute;
	width: 105px;
	height: 34px;
	right:10px;
	top: 30px;border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	background-color:#f3a83d;
	color: #FFF;
	line-height: 34px;
	text-align: center;
}
.kf-info a.btn:hover{
	background-color: #f3973d;
}
.kf-info .wechat img{
	position: absolute;
	right: 20px;
	top: 10px;
}
/*底部工具条*/
.b-buttons{
	position: fixed;
	right: 55px;
	bottom: 240px;
	width: 55px;
}
.b-buttons li{
	width: 55px;
	height: 55px;
	margin-bottom: 10px;
	background:url(../images/main/rb_icons_bg.png) no-repeat 0 0;
	
}
.b-buttons li a{
	display: none;
}
.b-buttons li.icon-01{
	background-position: 0 0;
}
.b-buttons li.icon-01.on{
	background-position:  -151px 0;
}
.b-buttons li.icon-02{
	background-position: 0 -63px;
}
.b-buttons li.icon-02.on{
	background-position:  -151px -63px;
}
.b-buttons li.icon-03{
	background-position: 0 -126px ;
}
.b-buttons li.icon-03.on{
	background-position:  -151px -126px;
}
.b-buttons li.icon-04{
	background-position: 0 -189px;
}
.b-buttons li.icon-04.on{
	background-position: -151px -189px ;
}
.b-buttons li.icon-04 a{
	display: block;
	width: 55px;
	height: 55px;
	overflow: hidden;
}
.b-buttons li.icon-01.on a{
	display: block;
	width: 184px;
	height: 196px;
	overflow: hidden;
	margin-left: -184px;
	background: url(../images/main/rb_bg03.jpg) no-repeat left top;
	text-indent: -99999px;
}
.b-buttons li.icon-02.on a{
	display: block;
	width: 184px;
	height: 196px;
	overflow: hidden;
	margin-left: -184px;
	background: url(../images/main/rb_bg02.jpg) no-repeat left top;
	text-indent: -99999px;
}
.b-buttons li.icon-03.on a{
	display: block;
	width: 55px;
	height: 55px;
	overflow: hidden;text-indent: -99999px;
}
.b-fixed{
	position: fixed;
	right: 50px;
	bottom: 120px;
}
/*----2023-02-21-----*/
.kfb .bd{
	height: 380px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: thin; /* 瘦一点的滚动条 */
	scrollbar-color: #555 #eee; /* 滚动条颜色 */
}
.kfb .bd img{
	width: 72px;
	height: 72px;
}
.kfb li.on{
	padding-left: 125px;
}
.kfb li .c-num{
	padding-left: 2px;
}

/* webkit浏览器滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #eee;
}

::-webkit-scrollbar-thumb {
    background: #d9d9d9;
}